<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<form id="register" action="main.html">
    <input type="text" name="username" id="idUsername" onblur="fnBlur()" onfocus="fnFocus()" />
    <input type="submit" value="提交">
</form>
<script>

    function fnBlur(){
        // 失去焦点
        console.log("fnBlur...");
    }
    function fnFocus(){
        // 失去焦点
        console.log("fnFocus...");
    }
    // onsubmit是加在表单上的事件，如果ture,提交表单，false不提交
    document.getElementById("register").onsubmit = function(){
        // 获取文本框数据
        var eleUser = document.getElementById("idUsername");
        // 判断数据是否为null
        var username = eleUser.value;
        // “” null  返回false
        console.log(username);
        if(!username){
            console.log("数据为null...不能提交");
            return false;
        }
        console.log("准备提交表单...");
        return true;
    }

    function submitData(){
        // 返回true，继续提交，返回false,就不提交
        // 判断文本框的值，是不是空的，如果是空的，就不提交
        var eleUser = document.getElementById("idUsername");
        var username = eleUser.value;
        // “” null  返回false
        console.log(username);
        if(!username){
            console.log("数据为null...不能提交");
            return false;
        }
        console.log("准备提交表单...");
        return true;
    }
    //document.getElementById("register").onsubmit = submitData;
    // onsubmit是加在表单上的事件，如果ture,提交表单，false不提交



    // document.getElementById("register").onsubmit = function (){
    //     //onsubmit 返回true，则表单会被提交，返回false，则表单不提交
    //     return true;
    // }



</script>

</body>
</html>